<template>
  <div class="navLogo">
    <img src="../../../../static/img/logo.svg" alt="" srcset="" />
    <h4>
      <small>龙井茶</small>
      天道大品
    </h4>
    <h6>online shop</h6>
  </div>
</template>

<script>
export default {
  name: "navLogo",
};
</script>

<style lang="scss" scoped>
.navLogo {
  padding: 70px 40px 20px 40px;
  width: calc(100% - 80px);
  height: 80px;
  img {
    width: 28%;
    float: left;
  }
  h4 {
    margin-top: 10px;
    small {
      font-weight: 200;
    }
    font-weight: 600;
  }
  h6 {
    font-weight: 600;
  }
}
</style>>